<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body style="margin: 0; padding: 0; color: white">
    <div
      style="
        background-color: #181925;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 470px;
        padding: 42px 32px 58px 32px;
        box-sizing: border-box;
      "
    >
      <img src="https://www.fantasi.one/fantasi-logo.png" alt="email-logo" style="display: block; margin: 0 auto" />
      <div style="margin-top: 40px">
        <div>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Hi {username},
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Click the link below to reset your password
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
            "
          >
            <a href="{reset-link}" style="text-decoration: none; color: #f42c52">Reset my password</a>
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            if you didn’t request this code, you can ignore this message
          </p>
          <p
            style="
              margin: 0;
              color: #b8b8b8;
              margin-bottom: 24px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
            "
          >
            this code expires after 48 hours.
          </p>
        </div>
        <div style="width: 100%; height: 0.5px; background-color: white; margin-bottom: 24px"></div>
        <div style="width: 100%; text-align: left">
          <table style="width: 100%">
            <tr>
              <td style="width: 33.33%; vertical-align: top">
                <div style="max-width: 133px">
                  <p style="margin: 0; color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 20px">
                    This is automated. Got feedback or need help?
                  </p>
                  <p style="margin: 0; margin-bottom: 30px; font-size: 14px; font-weight: 500; line-height: 20px">
                    <a href="mailto:support@fantasi.one" style="color: #f42c52; text-decoration: none">Contact us.</a>
                  </p>
                  <p style="margin: 0; color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 20px">
                    ＠Fantasi 2024.
                  </p>
                </div>
              </td>
              <td style="width: 33.33%"></td>
              <td style="width: 33.33%; vertical-align: top">
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  Fantasi Support Team
                </p>
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a href="https://fantasi.one/mine?page=2&name=support" style="color: #b8b8b8; text-decoration: none"
                    >Help Center</a
                  >
                </p>
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a
                    href="https://fantasi.one/en/mine?page=3&name=privacy-policy"
                    style="color: #b8b8b8; text-decoration: none"
                    >Privacy Policy</a
                  >
                </p>
                <p style="margin: 0; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a href="{cancel_email_notification}" style="color: #b8b8b8; text-decoration: none"
                    >Unsubscribe emails</a
                  >
                </p>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </body>
</html>
